<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签练习</title>
</head>
<body>
  <!-- img 图片标签
  src属性：图片的路径
    相对路径：
      同一级目录下：直接写文件名
      下一级目录下：imgs/文件名
      多级目录下：../(上级目录)/pic/文件名
    绝对路径：统一资源定位符
      网络路径(盗链): https://cdn.tmooc.cn/bsfile//imgad///5706defebbff4fdfb0a19b70d6bef77b.png
      盘符路径: d:/imgs/123.jpg

    width/height: 设置图片的宽度和高度（只设置宽度，高度自适应） 单位：px（像素）、百分比（父级标签）

    title：图片的描述信息，鼠标悬停在图片上，显示的提示信息
    alt：图片加载失败时，显示的文字
  -->
  <img src="640.jpg" width="1080px">
  <img src="imgs/330.jpg" width="100%">
  <img src="../pic/210.jpg" title="这是封面图">
  <img src="https://cdn.tmooc.cn/bsfile//imgad///5706defebbff4fdfb0a19b70d6bef77b.png" alt="这是一个宣传图片">
</body>
</html>








